<html>
<head>
	<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" charset = "utf-8">

<!-- css -->
<link rel="stylesheet" type="text/css" href="plugin/Swiper/dist/css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="plugin/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="libs/css/index.css">

<!-- js -->
<script type="text/javascript" src="libs/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="plugin/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="plugin/Swiper/dist/js/swiper.min.js"></script>
<script type="text/javascript" src="plugin/iscroll/build/iscroll.js"></script>
<script type="text/javascript" src="libs/js/index.js"></script>

</head>
<body>
	<!-- mask -->
	<div id="mask"><div></div><div></div></div>
	<!-- 回到顶部 -->
    <div id="back_top" class="glyphicon glyphicon-circle-arrow-up"></div>

	<!-- head -->
	<div id="head">coco商城<span class="glyphicon glyphicon-search back"></span></div>
	
	<!-- content -->
	<div id="wrapper">
	<div id="content">
		<!-- 轮播图 -->
		<div class="banner">
			<div class="swiper-container">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide"><a href="list.html"><img src="images/banner1.jpg"></a></div>
		            <div class="swiper-slide"><a href="list.html"><img src="images/banner2.jpg"></a></div>
		            <div class="swiper-slide"><a href="list.html"><img src="images/banner3.jpg"></a></div>
		            <div class="swiper-slide"><a href="list.html"><img src="images/banner4.jpg"></a></div>
		        </div>
		        <!-- Add Pagination -->
		        <div class="swiper-pagination"></div>
		        <!-- Add Arrows -->
		        <div class="swiper-button-next"></div>
	        	<div class="swiper-button-prev"></div>
	    	</div>
		</div>

		<!-- 分类 -->
		<div class="classify_nav">
			<div class="circle_nav">
				<div><a href="list.html" ><img src="images/nav1.png"></a><p>天猫</p></div>
				<div><a href="list.html" ><img src="images/nav2.png"></a><p>聚划算</p></div>
				<div><a href="list.html" ><img src="images/nav3.png"></a><p>天猫国际</p></div>
				<div><a href="list.html" ><img src="images/nav4.png"></a><p>分类</p></div>
				<div><a href="list.html" ><img src="images/nav5.png"></a><p>外卖</p></div>
				<div><a href="list.html" ><img src="images/nav6.png"></a><p>天猫超市</p></div>
				<div><a href="list.html" ><img src="images/nav7.png"></a><p>充值中心</p></div>
				<div><a href="list.html" ><img src="images/nav8.png"></a><p>飞猪旅行</p></div>
				<div><a href="list.html" ><img src="images/nav9.png"></a><p>领金币</p></div>
				<div><a href="list.html" ><img src="images/nav10.png"></a><p>到家</p></div>
			</div>
			<div class="col-xs-12 classify_hot"><i class="glyphicon glyphicon-tint">COCO专区</i></div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>运动专区</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z1.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>生活用品</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z2.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>家电专区</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z3.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>笔记本电脑</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z4.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>名贵首饰</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z5.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>手机专区</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z6.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>名贵首饰</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z7.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>手机专区</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z8.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>厨房家具</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z9.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>男士专区</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z11.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>儿童读物</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z12.jpg" class="col-xs-6">
				</a>
			</div>
			<div  class="classify_box">
				<a href="list.html">
					<div class="col-xs-6">
						<p>化妆用品</p>
						<p>时尚潮男</p>
					</div>
					<img src="images/z10.jpg" class="col-xs-6">
				</a>
			</div>
<!-- 			<div  class="col-xs-12" style="height: 25% ;padding:0;"><a href="list.html"><img src="images/50.jpg"></a></div>
			<div  class="col-xs-12" style="height: 25%;padding:0;"><a href="list.html"><img src="images/51.jpg"></a></div>
			<div  class="col-xs-12" style="height: 25%;padding:0;"><a href="list.html"><img src="images/52.jpg"></a></div>
			<div  class="col-xs-12" style="height: 25%;padding:0;"><a href="list.html"><img src="images/53.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/38.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/39.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/40.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/41.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/42.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/43.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/44.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/45.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/46.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/47.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/48.jpg"></a></div>
			<div  class="col-xs-12"><a href="list.html"><img src="images/49.jpg"></a></div> -->
		</div>
		<div class="col-xs-12 classify_hot"><i class="glyphicon glyphicon-fire">热门推荐</i></div>
		<div id="pro_list">
		    <!-- <div class="col-xs-12 col-md-3">
	            <img src="images/5.jpg">
	            <div class="caption">
	                <p>拱辰享雪美白精华套装</p>
	                <p>￥<span id="price">120</span></p>
	            </div>
		    </div> -->
		</div>
	</div>
	</div>
	<!-- content end -->



	<!-- nav -->
	<div id="nav">
		<div class="font">
			<a href="index.html"><span class=" glyphicon glyphicon-home" ></span></a>
			<a href="index.html"><span class="glyphicon glyphicon-star" ></span></a>
			<a href="classify.html"><span class=" glyphicon glyphicon-th-large" ></span></a>
			<a href="cart.html"><span class="glyphicon glyphicon-shopping-cart" ></span></a>
			<a href="personal.html"><span class="glyphicon glyphicon-user" ></span></a>
		</div>
		<div class="nav">
			<a href="index.html"><span>首页</span></a>
			<a href="index.html"><span>我的足迹</span></a>
			<a href="classify.html"><span>分类</span></a>
			<a href="shop_cart.html"><span>购物车</span></a>
			<a href="personal.html"><span>个人中心</span></a>
		</div>
	</div>
</body>
</html>